<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
</head>

<style>
div.fieldwrapper div.thefield input[type="text"] {
	width: 180px;
}
</style>


<body>

	<html:form action="updatePerfilUsuario?method=updateDatosPerfil" method="post">

		<!-- lateral izquierdo -->
		<div style="float: left; width: 25%">&nbsp;</div>
		
		<fieldset style="float: left; width: 50%">

			<legend>
				<bean:message key="perfil.usuario.title" />
			</legend>
				
			<%-- En caso de que existan errores, los mostramos --%>
			<logic:messagesPresent>
				<div class="mensajesError">
					<html:errors />
					<br />
				</div>
			</logic:messagesPresent>

			<%-- En caso de que existan mensajes, los mostramos --%>
			<logic:messagesPresent message="true">
				<div class="mensajes">
					<html:messages id="message" message="true" header="messages.header" footer="messages.footer">
						<bean:write name="message" />
						<br />
					</html:messages>
				</div>				
			</logic:messagesPresent>
			
			<br />

			<!-- usuario de acceso -->
			<div class="fieldwrapper">
				<label for="screenName" class="styled"><bean:message key="perfil.usuario.usuario" />:*</label>
				<div class="thefield"> <html:text size="22" property="screenName"><c:out value="${requestScope.userContainer.usuario.screenName}"></c:out></html:text></div>
			</div>
			
			<!-- nombre -->
			<div class="fieldwrapper">
				<label for="nombre" class="styled"><bean:message key="perfil.usuario.nombre" />:*</label>
				<div class="thefield"> <html:text size="22" property="nombre"><c:out value="${requestScope.userContainer.usuario.nombre}"></c:out></html:text> </div>
			</div>		
			
			<!-- primer apellido -->
			<div class="fieldwrapper">
				<label for="apellido1" class="styled"><bean:message key="perfil.usuario.apellido1" />:*</label>
				<div class="thefield"> <html:text size="22" property="apellido1"><c:out value="${requestScope.userContainer.usuario.apellido1}"></c:out></html:text> </div>
			</div>
			
			<!-- segundo apellido -->
			<div class="fieldwrapper">
				<label for="apellido2" class="styled"><bean:message key="perfil.usuario.apellido2" />:*</label>
				<div class="thefield"> <html:text size="22" property="apellido2"><c:out value="${requestScope.userContainer.usuario.apellido2}"></c:out></html:text> </div>
			</div>
			
			<!-- empresa -->
			<div class="fieldwrapper">
				<label for="empresa" class="styled"><bean:message key="perfil.usuario.empresa" />:</label>
				<div class="thefield"> <html:text size="22" property="empresa"><c:out value="${requestScope.userContainer.usuario.empresa}"></c:out></html:text> </div>
			</div>
						
			<!-- contacto -->
			<div class="fieldwrapper">
				<label for="contacto" class="styled"><bean:message key="perfil.usuario.contacto" />:</label>
				<div class="thefield"> <html:text size="22" property="contacto"><c:out value="${requestScope.userContainer.usuario.contacto}"></c:out></html:text> </div>
			</div>
			
			<!-- telefono -->
			<div class="fieldwrapper">
				<label for="telefono" class="styled"><bean:message key="perfil.usuario.telefono" />:</label>
				<div class="thefield"> <html:text size="22" property="telefono">telefono</html:text> </div>
			</div>
			
			<!-- email -->
			<div class="fieldwrapper">
				<label for="email" class="styled"><bean:message key="perfil.usuario.email" />:*</label>
				<div class="thefield"> <html:text size="22" property="email">email</html:text> </div>
			</div>
							
			<p>
				<html:submit value="Guardar" />
			</p>


		</fieldset>
		
		<!-- lateral derecho -->
		<div style="float: left; width: 25%">&nbsp;</div>


	</html:form>

</body>


</html:html>
